<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>注册</title>
    <script type="application/x-javascript">


    </script>


</head>
<body>
<center>
    <h1>欢迎注册无良凉皮会员</h1>
    <form action="doregister.jsp">
        <table>
            <tr>
                <td>用户名：</td>
                <td><input type="text" name="username" id="username" placeholder="请输入用户名"
                           pattern="^[a-zA-Z][a-zA-Z0-9]{5,9}$"></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password" name="password" id="password" placeholder="请输入密码（6-8位数字和字母）"
                           pattern="^(?=.*d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@_])[0-9A-Za-z!@_]{8,20}$"
                           maxlength="20" minlength="8"></td>
            </tr>
            <tr>
                <td>确认密码：</td>
                <td><input type="password" name="password2" id="password2" required></td>
            </tr>
            <tr>
                <td>姓名:</td>
                <td><input type="text" name="name" id="name" pattern="^[\u4E00-\u9FA5]{2,5}$"></td>
            </tr>
            <tr>
                <td>手机号：</td>
                <td><input type="tel" name="phonr" id="phone" pattern="^1[3456789]d{9}$"></td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex" value="1">男
                    <input type="radio" name="sex" value="0" checked>女
                </td>
            </tr>
            <tr>
                <td>身份证号：</td>
                <td><input type="text" name="idcard" id="idcard" required
                           pattern="^[1-9]d{5}(18|19|20|(3d))d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)d{3}[0-9Xx]$"
                           title="请输入正确的身份证号"></td>
            </tr>
            <tr>
                <td>年龄：</td>
                <td><input type="number" name="age" id="age" min="3" max="60" required></td>
            </tr>

            <tr>
                <td>出生年月:</td>
                <td><input type="date" name="birth" id="birth" required></td>
            </tr>
            <tr>
                <td>电子邮箱：</td>
                <td><input type="email" name="email" id="email" pattern="^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$"></td>
            </tr>
            <tr>
                <td>QQ:</td>
                <td><input type="text" name="qq" id="qq" pattern="^[1-9][0-9]{4,}$"></td>
            </tr>
            <tr>
                <td>地址:</td>
                <td><input type="text" name="address" id="address" pattern="^.{4,}$"></td>
            </tr>


            <tr>
                <td>你喜欢的颜色:</td>
                <td><input type="color" name="color" id="color" required></td>
            </tr>

            <tr>
                <td>评分:</td>
                <td><input type="range" name="range" id="range" required max="5" min="1" value="5"></td>
            </tr>
            <tr>
                <td><input type="submit" value="无论如何我要吃凉皮"></td>
                <td><input type="reset" value="太苛刻了，我不吃了"></td>
            </tr>
        </table>
    </form>


</center>

</body>
</html>
